.clearfix{zoom:1}
.clearfix:after{content:".";display:block; width:100%; height:0; line-height:0; float:none; clear:both; overflow:hidden}
.opacity {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity: 0;}
.fl{ float:left; }
.fr{ float:right; }
.g-hd { width:1200px; margin:0 auto}
.g-hd .g-w1000 { position: relative; height: 110px; }
.g-hd .m-logo { background: url(../images/m-logo.png) no-repeat left; width: 550px; height: 83px; text-indent: -999px; position: absolute; left: 0; top:28px }
.g-hd .m-logo a { display: block; width: 540px; }


.g-hd .tips { border-left: 1px solid #dfdfdf; line-height: 25px; padding-left: 20px; position: absolute; left: 270px; top: 40px; }
.g-hd .tips h2 { color: #004490; font-size: 16px; }
.g-hd .tips p { color: #666; font-size:13px }
.g-hd .tel { width: 440px; float:right; margin-top:16px}
.g-hd .tel h1{ width: 240px; height: 36px;font-size: 16px; line-height: 20px; position: absolute; right: 130px; top: 20px; color:#666}
.g-hd .tel p{ width: 240px; height: 36px; padding-left: 48px; display: inline; background: url(../images/bg_tel.jpg) no-repeat; font-size: 13px; line-height: 14px; position: absolute; right: 80px; top: 60px; color:#666}


.g-hd .ewm { position: absolute; right: 0; top: 12px; text-align:center}
.g-hd .ewm  img{ width:80px; height:80px }


.hy{ width:1080px; overflow:hien; margin:20px auto; clear:both}
.hy .xinwen{ width:470px; float:left; overflow:hien; }
.hy .xinwen .biaoti{ width:470px; height:50px;border-bottom:1px solid #CCC;}
.hy .xinwen .biaoti p{font-size:24px; font-weight:bold; color:#111; line-height:50px; height:50px}
.hy .xinwen .biaoti1{ width:470px; height:150px; clear:both}
.hy .xinwen .biaoti1 .img{ width:200px; height:150px; float:left}
.hy .xinwen .biaoti1 .wenzi{ width:270px; height:150px; float:right; font-size:12px; line-height:20px; color:#666; overflow:hien}
.hy .xinwen .biaoti1 .wenzi a{ color:#111}
.hy .xinwen .biaoti1 .wenzi a:hover{ color:#1d2087}
.hy .xinwen .list{ width:500px; overflow:hien; font-size:13px; color:#111; line-height:25px; margin-top:15px}

.hy .gsjj{ width:470px; float:right; overflow: hidden;}
.hy .gsjj .biaoti{ width:470px; height:40px;}
.hy .gsjj .biaoti p{ font-size:16px; line-height:40px; font-family:"微软雅黑"; font-weight:normal}
.hy .gsjj .img{ width:470px; height:130px;}
.hy .gsjj .wenzi{ font-size:13px; line-height:20px; font-family:"微软雅黑"; font-weight:normal; color:#666; margin-top:0px}


#topnav{ width:100%; height:30px; background:#eeeeee; font-size:12px;margin:0 auto;}
#topnav .topnav_list{ width:1080px; overflow:hidden; margin:0 auto; line-height:30px}
#topnav .topnav_list .topnav_list_left{ width:500px; float:left}
#topnav .topnav_list .topnav_list_right{ width:170px; float:right; border-left:1px solid #ccc; text-align:center}
#topnav .topnav_list .topnav_list_right .topnav_list_right_1{ width:76px; float:left; border-right:1px solid #ccc; text-align:center}
#topnav .topnav_list .topnav_list_right .topnav_list_right_1 a{ width:76px; height:30px; display:block; color:#111}
#topnav .topnav_list .topnav_list_right .topnav_list_right_1 a:hover{ width:76px; height:30px; display:block; color:#fff; background:#333333}
#topnav .topnav_list .topnav_list_right .topnav_list_right_1 a.en{ color:#ffffff; background:#333333}
#topnav .topnav_list .topnav_list_right .topnav_list_right_2{ width:200px; float:right; text-align:center; margin-top:4px}



#sousuonav{ width:100%; height:60px; background:#eeeeee; font-size:12px;margin:0 auto;}
#sousuonav .sousuonav_list{ width:1200px; overflow:hidden; margin:0 auto; line-height:60px}
#sousuonav .sousuonav_list .sousuonav_list_left{ width:500px; float:left}
#sousuonav .sousuonav_list .sousuonav_list_left h1{ width:120px; float:left; height:60px; line-height:60px; font-size:14px; background:url(../images/ser.png) left center no-repeat; text-indent:30px}
#sousuonav .sousuonav_list .sousuonav_list_left a{float:left; color:#333; height:60px; line-height:60px; display:block; padding-right:20px}
#sousuonav .sousuonav_list .sousuonav_list_left a:hover{color:#333333;}

#sousuonav .sousuonav_list .sousuonav_list_right{ width:400px; float:right; margin-top:12px}
.sousuo{ width:400px; height:30px;display: inline; font-size: 14px; line-height:28px;color:#666;}
.sousuo input{ width: 330px; height: 30px;font-size:12px; line-height:14px; color:#666;  border:1px solid #fff; text-indent:8px; float:left}
.sousuo a{ width: 66px; height:32px; display:block; float:right }
.sousuo a img{ width: 66px; height:32px;}






.stepcarousel {	MARGIN: 0px auto; OVERFLOW: scroll; WIDTH: 1100px; POSITION: relative; HEIGHT:250px}
.stepcarousel .belt {LEFT: 0px; POSITION: absolute; TOP: 0px}
#displaycssbelt {VISIBILITY: hidden}
#stocklevels {	VISIBILITY: hidden}
.stepcarousel .panel {	FLOAT: left; MARGIN: 0px 10px 0px 10px; OVERFLOW: hidden; WIDTH: 264px}
.stock {CLEAR: both; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 1100px; COLOR: #000; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: arial, verdana, sans-serif; HEIGHT: 10px; TEXT-ALIGN: right}
.subfeature {DISPLAY: block; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 264px}
.subfeature img{ width:260px; height:204px}

.subfeature-txt {LINE-HEIGHT: 25px; PADDING-TOP: 6px; POSITION: relative ; text-align:center; width:202px }
.subfeature-txt H2 {CLEAR: both; FONT-WEIGHT: normal; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; }
.subfeature-txt H2 A {	COLOR: #000}
.subfeature-txt H2 A:hover {	COLOR: #333333;transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s;}
.subfeature A IMG {	BORDER:#DDDDDD 2px solid}
.subfeature A IMG:hover { BORDER: #2d90da 2px solid;transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s;}



.red {	margin:0 auto; width: 740px; height: 44px; font-size:16px}
.red a {width: 180px; height: 40px; text-align: center; margin:2px; float: left; cursor: pointer; background:#f1f1f1; line-height:40px}
.red a:hover {	background: #333333 ; color: #FFFtransition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s;;}
.red .reds {	background: #333333; width: 180px; height: 40px; text-align: center; color:#FFF}
.redm { width:850px; margin:0 auto; overflow:hidden;}
.redman {margin:10px auto; width: 850px; overflow: hidden; display: none; border:0px solid #ccc}

.red1 {	margin:0 auto; width: 770px; height: 44px;background:#ddd; }
.red1 a {height: 44px; text-align: center; border-right:1px solid #FFF; float: left; cursor: pointer; background:#ddd; line-height:44px; padding:0 18px 0 17px;font-size:15px; color:#000}
.red1 a:hover {	background: #333333 ; color: #FFF;}
.red1 .reds1 {	background: #333333; height: 44px; text-align: center; color:#FFF}

.rprolist{ width:850px; margin:0 auto; overflow:hidden;}
.rprolist a{ width:269px; height:260px; display:block; color:#111; float:left;  text-align:center; margin:10px 12px 4px 0px;border:1px solid #CCC}
.rprolist a img{ width:263px; height:210px; margin-top:3px}
.rprolist a span{ width:263px; height:40px; line-height:46px; }
.rprolist a:hover{ border:1px solid #333333;transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s;}


.cprolist{ width:1080px; margin:0 auto; overflow:hidden }
.cprolist a{ width:340px; height:280px; display:block; color:#000; float:left;  text-align:center; margin:20px 10px; font-size:14px; font-weight:bold}
.cprolist a img{ width:340px; height:260px; border:1px solid #CCC}
.cprolist a img:hover{border:1px solid #333333}

.cprolist a span{ width:250px; height:40px; line-height:40px; }
.cprolist a:hover{}






.autoh {margin: 0px auto; width: 1080px;}
.tab-title {margin:0 auto; width: 1080px; height: 40px;background:#fff; border:1px solid #ccc}
.tab-title a {width: 134px; height: 40px; text-align: center; float: left; cursor: pointer; background:#fff; line-height:40px; color:#111; border-right:1px solid #ccc; font-size:16px; font-weight:bold}
.active1 {background: #333333 ; color: #FFF; border-right:1px solid #ccc}
.active1 a {background: #333333; color: #FFF; width:134px;border-right:1px solid #ccc}
.active2 {background: #333333 ; color: #FFF; width:134px}
.normal1 {width: 134px; height: 40px; text-align: center;float: left; cursor: pointer; background:#fff; line-height:40px; border-right:1px solid #ccc}
.blank0 {height: 0px; line-height: 0; clear: both; font-size: 14px; display: block; visibility: hidden;}
.blank0 {	line-height: 0; clear: both; font-size: 14px; display: block; overflow:hidden;}
.TabContent { margin-top: 10px; width:1080px; margin:0 auto}
.TabContent .pro_0 {width: 1080px;}





.Dautoh {margin: 0px auto; width:690px;}
.Dtab-title {margin:0 auto; width: 688px; height: 40px;border:1px solid #ccc;background:#fff;}
.Dtab-title a {width: 343px; height: 40px; text-align: center; float: left; cursor: pointer; background:#fff; line-height:40px; color:#111; border-right:1px solid #ccc; font-size:16px; font-weight:bold}
.Dactive1 {background: #333333 ; color: #FFF;}
.Dactive1 a {background: #333333 ; color: #FFF;}
.Dactive2 {background: #333333 ; color: #FFF;}

.Dnormal1 {width: 134px; height: 40px; text-align: center; margin-right:2px; float: left; cursor: pointer; line-height:40px}
.Dblank0 {height: 0px; line-height: 0; clear: both; font-size: 1px; display: block; visibility: hidden;}
.Dblank0 {	line-height: 0; clear: both; font-size: 1px; display: block; visibility: hidden;}
.DTabContent { margin-top: 10px; width:690px; margin:0 auto}
.DTabContent .pro {	width:690px;}


#gongju{ width:100%; margin:0 auto; overflow:hidden; height:550px; background: url(../images/gongju-bg.png) top center no-repeat; margin-top:0px; margin-bottom:0px}
#gongju .gongju_n{ width:1080px; margin:10px auto; }
#gongju .gongju_n .gongju_left{ width:470px; float:left }
#gongju .gongju_n .gongju_left h1{ width:400px; height:30px; line-height:30px; font-size:24px; font-weight:bold; text-align:left; color:#f1f1f1}
#gongju .gongju_n .gongju_left p{ width:400px; height:24px; line-height:24px; font-size:16px; text-align:left; color:#f1f1f1}

#gongju .gongju_n .gongju_right{ width:580px; float:left; margin-top:175px; color:#666; line-height:26px; font-size:14px; text-indent:15px; height:270px; overflow:hidden}
#gongju .gongju_n .gongju_right p{ text-indent:15px;}

#gongju .gongju_n .gongju_right .gongju_lianjie{ width:300px; float:left}
#gongju .gongju_n .gongju_right .gongju_lianjie h1{ width:350px; height:120px; line-height:100px; font-size:24px; font-weight:bold; text-align:left; color:#eee; float:left ;display:block}
#gongju .gongju_n .gongju_right .gongju_lianjie a{ width:350px; height:24px; line-height:24px; font-size:16px; text-align:center; color:#FFF;float:left; display:block}

#gongju .gongju_n .gongju_right .gongju_lianjie a:hover{ color:#FFff00; text-decoration:underline;transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s;}


/*优势*/
.ys{ border-top:solid 0px #ccc;border-bottom:solid 0px #ccc; background:#fff; height:1930px; overflow:hidden;font-family:"Microsoft YaHei"; margin:0 auto; width:1080px; margin:0 auto }
.ysc h2{ padding:30px 0 0; height:94px 0 0; text-align:center;}
.ysc h3{ height:108px; background:url(../images/ystbg.png) repeat-x 0 89px; font-size:16px; color:#010101; line-height:24px;font-family:"Microsoft YaHei";}
.ysc h3 span{ display:block; width:80px; height:80px; text-align:center; line-height:80px; font-family:Futura Hv BT, "Times New Roman", Times, serif; color:#fff; font-size:48px; background:url(../images/ystsbg.png) no-repeat 0 0; float:left}
.ysc h3 p{ float:left; padding:0px 0 0 30px; white-space:nowrap}
.ysc h3 p b{ display:block; line-height:50px; font-size:30px; color:#333333;}
.ysc li{ height:30px; line-height:30px; background:url(../images/ico07.png) no-repeat 2px 4px; padding-left:33px; font-size:14px; color:#222;}
.ys01{ height:590px; padding:48px 0 0 8px; overflow:hidden;width:1080px;margin:0 auto;}
.ys02{ height:610px;width:1080px;margin:0 auto;}
.ys03{ height:600px;overflow:hidden;width:1080px;margin:0 auto;}
.ys04{ height:397px; padding:0 0 0 8px; overflow:hidden;width:1180px;margin:0 auto;}
.ys05{ height:419px;overflow:hidden;width:1180px;margin:0 auto;}
.ysw1{ width:450px; padding:16px 13px 0 0;}
.ysw1 h3 p{ width:300px; overflow:hidden; float:left;}
.ysp1{ width:541px; float:right}
.ysw2{ width:600px; padding:50px 0 0 0px; float:right;}
.ysp2{ width:462px;}
.ysp2 img{ position:relative; }
.ysw3{ width:600px; padding:0px 0 0;}
.ysw3 h3{ font-size:18px;}
.ysp3{ width:451px; float:right}
.ysw4{ width:446px; padding:48px 0 0; float:right}
.ysp4{ width:600px;}
.ysw5{ width:446px; padding:45px 10px 0 14px;}
.ysp5{ width:490px;}
.ysw5 ul{ height:124px;}
.ystex{ clear:both; display:block; padding:0 0 0 34px; font-size:14px; color:#222;}
.ystex em{ display:inline-block; line-height:40px; width:149px; text-align:center; background:#c38508; color:#fff; font-size:22px;}
.ys_pho{ display:block; background:url(../images/ys_pho.jpg) no-repeat 0 21px; height:54px; line-height:54px; padding-left:23px;}
.ys_pho b{ font-size:26px; padding:0 1px;}


.c_1170_1{width: 1200px; margin:0 auto; overflow:hidden}

.tit_1{width:1100px; margin:0 auto; overflow:hidden; text-align:center; margin-top:30px; color:#03ab46; font-size:30px}
.tit_1 h2{color:#333333; font-size:30px}



.c_1170_1 ul {
	width: 1200px; text-align: center; margin-top: 20px; float: left;}
.c_1170_1 ul li {
	padding: 0px 10px; width:366px; margin-top: 20px; float: left;
}
.c_1170_1 ul li .zbox {
	background: rgb(244, 244, 244); width: 100%; overflow: hidden; display: inline-block; position: relative;
}
.c_1170_1 ul li .zbox .img_1 {
	transition:0.5s ease-out; width: 100%; bottom: 0px; float: left; position: relative; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s;
}
.c_1170_1 ul li .zbox img {
	width: 100%; float: left;
}
.c_1170_1 ul li .zbox .text {
	padding: 55px 10px 25px; transition:0.5s ease-out; width: 300px; float: left; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s;
}
.c_1170_1 ul li .zbox .text h1 {
	width: 100%; height: 71px; float: left;
}
.c_1170_1 ul li .zbox .text h1 img {
	width: auto; height: 100%; float: none;
}
.c_1170_1 ul li .zbox .text h1 .img_3 {
	display: none;
}
.c_1170_1 ul li .zbox .text h5 {
	width: 100%; color: rgb(68, 68, 68); line-height: 28px; font-size: 24px; margin-top: 33px; float: left;
}
.c_1170_1 ul li .zbox .text .p {
	width: 100%; height: 80px; color: rgb(145, 145, 145); line-height: 20px; overflow: hidden; font-size: 12px; margin-top: 27px; float: left;
}
.c_1170_1 ul li .zbox .img_4 {
	transition:0.5s ease-out; left: 0px; top: -100%; width: 100%; position: absolute; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s;
}
.c_1170_1 ul li .zbox:hover {
	background: #333333;
}
.c_1170_1 ul li .zbox:hover .img_1 {
	bottom: -100%; position: absolute;
}
.c_1170_1 ul li .zbox:hover .img_4 {
	top: 0px; position: relative;
}
.c_1170_1 ul li .zbox:hover .text h1 .img_2 {
	display: none;
}
.c_1170_1 ul li .zbox:hover .text h1 .img_3 {
	display: inline-block;
}
.c_1170_1 ul li .zbox:hover .text h5 {
	color: white;
}
.c_1170_1 ul li .zbox:hover .text .p {
	color: white;
}


/* 品牌故事 */
.brand_story{ padding:80px 0 80px 0; width:90%; margin:0 auto; overflow: hidden; background:#1c7fc3;}
.leftlogo{ width:450px; height:300px;background:#eee; text-align:center; float:left}
.leftlogo img{ width:450px; height: 300px }

.story{ width:690px; height:300px; padding:0 10px 0 20px; float:right}
.story_tit{ font-size:22px; text-align:left; font-weight:bold; height:60px; line-height:60px; color:#fff }
.story_con{ width:100%; max-height:164px; line-height:28px; overflow:hidden; text-indent:2em; color:#fff; font-size: 16px}
.story_more{ display:block; width:160px; height:40px; line-height:40px; border:1px solid #fff; color:#333; text-align:center;
border-radius:5px;font-size:16px; margin-top:25px; background:#fff}
.story_more:hover{ background:#fff; color:#1c7fc3; font-weight:bold;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;-webkit-transform:scale();-moz-transform:scale(1);-ms-transform:scale(1.1);-o-transform:scale(1);}




/* 产品列表 */
.product_wrap{ padding:20px 0 20px 0;width:1100px; margin:20px auto; overflow:hidden }
.product_list_01{clear:both;}
.product_list_01 li{ margin-bottom:10px; }
.product_list_01 .product_ul{ width:1100px; }
.product_ul{ width:1100px; }
.product_ul li{ display:block; width:265px; height:220px; float:left; margin:10px 10px 0 0;}
.product_ul li a{ display:block; width:100%; height:100%; overflow:hidden; position:relative; }
.product_ul img{ width:100%; min-height:100%;}
.product_tit{ width:100%; height:60px; line-height:30px; padding:0 10px; text-align:center; background:rgba(0,0,0,0.5); position:absolute;left:0;
 bottom:-30px; z-index:1; color:#fff;}
.product_ul li a:hover .product_tit{ bottom:0; }
.product_ul li a:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}


.lecture_hall{ padding:50px 0; }
.lecture_tit{ width:100%; height:42px; line-height:42px; padding:0 0; background:#000;margin-bottom:10px; text-indent:20px}
.lecture_tit_l{ font-size:16px; color:#fff;}
.lecture_tit_l span{font-weight:normal; color:#fff;margin-left:5px; font-size:12px;}
.lecture_tit_more{color:#fff; line-height:42px; width:80px}
.lecture_tit_more i,.lecture_tit_more span{ display:inline-block; vertical-align:middle;}
.icon_more{ display:inline-block; width:20px; height:13px; background:url(../images/icon_more.png) no-repeat center center/13px 13px; }


.lecture_ul{ width:1100px;clear:both;}
.lecture_ul li{ display:block; float:left; width:224px; height:auto; margin:10px 10px 0 0;}
.lecture_ul li a{ display:block; width:100%; height:auto; background:#fff; border:1px solid #ddd;}
.video_pic{ display:block; width:100%; height:187px; overflow:hidden;}
.video_pic img{ display:block; width:224px; height:187px} 
.video_tit{ width:100%; height:auto; text-align:center;color:#333; padding:10px; border-top:1px solid #ddd;}

.ts3{transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; 
	-o-transition:all ease 0.3s;}